<template>
  <!-- 详情 -->
  <el-dialog title="集装箱备案详情" :visible.sync="dialogVisible" width="50%" append-to-body :close-on-click-modal="false" :before-close="closedialog">
       <el-descriptions :column="2"  border>
		 <el-descriptions-item>
		        <template slot="label">
		         场所代码
		        </template>
		       {{form.fieldCode}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         场所名称
		        </template>
		       {{form.fieldName}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         集装箱号
		        </template>
		       {{form.contaNo}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         集装箱重量
		        </template>
		       {{form.contaWt}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         集装箱类型
		        </template>
		       {{form.contaType}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         集装箱尺寸
		        </template>
		       {{form.contaSize}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         集装箱代码
		        </template>
		       {{form.contaCode}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         中文集装箱规格名称
		        </template>
		       {{form.cnContaSpec}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         申报人
		        </template>
		       {{form.declBy}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         申报时间
		        </template>
		       {{form.declTime}}
		  </el-descriptions-item>
		  <el-descriptions-item>
		        <template slot="label">
		         审核状态
		        </template>
		        <dict-tag :options="dict.type.conta_decl_status" :value="form.declStatus"/>
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         申报重试次数，超过3分钟未回执，会自动再次发起申报，超过10次不在重试
		        </template>
		       {{form.declRetryNum}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         审核时间
		        </template>
		       {{form.auditDate}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         创建者
		        </template>
		       {{form.createBy}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         创建时间
		        </template>
		       {{form.createTime}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         更新者
		        </template>
		       {{form.updateBy}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         更新时间
		        </template>
		       {{form.updateTime}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         备注
		        </template>
		       {{form.remark}}
		  </el-descriptions-item>
         </el-descriptions>
        <div slot="footer" class="dialog-footer" style="text-align: center;">
          <el-button @click="closedialog">关闭</el-button>
        </div>
    </el-dialog>
</template>

<script>
import { getContaRecord } from "@/api/billsdecl/contaRecord";
export default {
  props: {
    dict: {}
  },
  data() {
    return {
      //显示详情
      dialogVisible:false,
      form: {
                                      id: null,
                                            fieldCode: null,
                                            fieldName: null,
                                            contaNo: null,
                                            contaWt: null,
                                            contaType: null,
                                            contaSize: null,
                                            contaCode: null,
                                            cnContaSpec: null,
                                            declBy: null,
                                            declTime: null,
                                            declStatus: null,
                                            declRetryNum: null,
                                            auditDate: null,
                                            createBy: null,
                                            createTime: null,
                                            updateBy: null,
                                            updateTime: null,
                                            remark: null
                      }
    }
  },
  methods: {
    open(row){
      this.dialogVisible = true;
      this.loadDetail(row);
    },
    closedialog(){
      this.dialogVisible = false
    },
    // 获取详情
    loadDetail(row) {
      getContaRecord(row.id).then((res) => {
        if (res.code == 200) {
          this.form = res.data;
                  }
      });
    },
  }
};
</script>

<style>

</style>
